<!DOCTYPE html>
<html>
<head lang="en" xmlns:th="http://www.thymeleaf.org">
    <meta charset="UTF-8">
    <title>四川工科院智能出行系统</title>
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
    <link type="text/css" rel="stylesheet" href="../css/public.css" />
    <!-- 加载百度地图api -->
    <script type="text/javascript"
            src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=ariPPGKTn6lc6yX9GvMQVjGtFhzxaBQ5">
    </script>
<!--    百度地图的地位-->
    <script type="text/javascript"
            src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>>四川工科院智能出行系统</h1>
    <div class="publicHeaderR">
        <p><span>下午好！</span><span  style="color: #fff21b"> </span> , 欢迎你！</p>
        <a href="${path}/sys/logout">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一</span>
    <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li ><a href="/basemap">地图基本功能</a></li>
                <li><a href="${path }/map/queryMap.jsp">查询地点</a></li>
                <li><a href="${path }/map/routeMap.jsp">查询路线</a></li>
                <li><a href="${path }/sys/pwdmodify.do">查询街景</a></li>
                <li><a href="${path }/sys/logout.do">查询卫星云</a></li>
                <li><a href="${path }/sys/logout.do">查询四川地图</a></li>
                <li><a href="${path }/sys/logout.do">查询3D地图</a></li>
                <li><a href="/clockIn">疫情打卡</a></li>
                <li><a href="/clockList">疫情打卡记录</a></li>
            </ul>
        </nav>
    </div>
    <!-- 内容部分  右边内容 -->
    <div class="right">
        <h2>疫情打卡系统</h2>
        <!-- 百度的地图功能 -->
        <div id="map" style="height:75%;background-color: blue;">
        </div>
        <form style="margin-top: 10px" action="/addClock">
            <label >地点：</label>
            <input   type="text" name="site" placeholder="请输入地点"/>
            <label >温度</label>
            <input  type="text" name="temp" placeholder="请输入温度"/>

            <label >姓名</label>
            <input  type="text" name="name" placeholder="请输入姓名"/>

            <br>
            <input type="submit" name="" value="提交"/>
        </form>
    </div>

</section>
</body>
<script type="text/javascript">
    //获取地图对象
    var map = new BMapGL.Map("map");
    //初始化
    var point = new BMapGL.Point(116.404, 39.915);//北京
    //初始化
    map.centerAndZoom(point, 13);
    //鼠标
    //使用百度地图获取当前位置
    let BMap = window.BMap;
    let geolocation = new BMap.Geolocation();
    geolocation.enableSDKLocation(); //允许SDK辅助
    geolocation.getCurrentPosition(function (position) {
        if (this.getStatus() == 0) {
            alert(position);
            alert(position.address);
            alert(position.address.province);
            alert(position.address.city);
        }
    });


</script>


</html>








